import React, { memo } from 'react'
import type { ReactNode } from 'react'
import TopBanner from '@/views/discover/c-views/recommend/c-cpns/top-banner'
import { RecommendWrapper } from './style'
import HotRecommend from './c-cpns/hot-recommend'

interface Iprops {
    children?: ReactNode
}

const Recommend: React.FC<Iprops> = () => {
    return (
        <>
            <TopBanner></TopBanner>
            <RecommendWrapper>
                <div className="re-content">
                    <div className="re-content-left">
                        <HotRecommend></HotRecommend>
                    </div>
                    <div className="re-content-right"></div>
                </div>
            </RecommendWrapper>
        </>
    )
}

export default memo(Recommend)
